<template>
  <el-form-item label="" class="section-title" />
  <el-row>
    <div class="section-interview">二面</div>
  </el-row>
  <el-row :gutter="20">
    <el-col :span="6">
      <el-form-item label="面试时间：">
        <span>{{ FirstData.interviewerTimeSecond }}</span>
      </el-form-item>
    </el-col>
    <el-col :span="6">
      <el-form-item label="面试结果：">
        <!-- <span>{{ FirstData.interviewerResultSecond }}</span> -->
        <span
          :style="{
            color: FirstData.interviewerResultSecond === 0 ? '#67C23A' : '',
          }"
        >
          {{
            FirstData.interviewerResultSecond == 0
              ? "面试通过"
              : FirstData.interviewerResultSecond == 1
              ? "面试不通过"
              : FirstData.interviewerResultSecond
          }}
        </span>
      </el-form-item>
    </el-col>
    <!-- <el-col :span="6">
          <el-form-item label="是否需要下一轮面试：">
            <span>否</span>
          </el-form-item>
        </el-col> -->
  </el-row>

  <el-row :gutter="20">
    <el-col :span="24">
      <el-form-item label="面试记录的内容：">
        <span>{{ FirstData.secondContent }}</span>
      </el-form-item>
    </el-col>
  </el-row>
</template>

<script setup>
import { ref } from "vue";
const activeTab = ref("first");
const props = defineProps({
  FirstData: Array,
  sys_interview_method: Array,
});
</script>

<style scoped lang='scss'>
.section-title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
  padding-left: 10px;
  border-left: 3px solid #409eff;
}
.section-interview {
  width: 80px;
  height: 30px;
  background: #f1f2f4;
  text-align: center;
  line-height: 30px;
  font-size: 13px;
  color: #6f7b90;
}
span {
  font-size: 14px;
  font-weight: 400;
  color: #16191d;
}
:deep(.el-select__wrapper.is-disabled) {
  box-shadow: none !important;
  background: white !important;
}
:deep(.el-textarea__inner) {
  box-shadow: none !important;
  background: white !important;
}
:deep(.el-select__suffix) {
  display: none;
}

:deep(.el-input.is-disabled .el-input__inner) {
  color: #383d48;
  -webkit-text-fill-color: #383d48;
  // cursor: auto;
}
:deep(.el-textarea__inner) {
  color: #383d48;
  -webkit-text-fill-color: #383d48;
  // cursor: auto;
}
:deep(.el-input.is-disabled) {
  cursor: auto;
}

:deep(.el-select__wrapper.is-disabled .el-select__selected-item) {
  color: #383d48;
  -webkit-text-fill-color: #383d48;
  cursor: auto;
}
</style>
